<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>jQuery AJAX</title>
    <script  src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
</head>
<body>

    <div id="info"></div>

    <script type="text/javascript">
        $(function(){
            // 这里表示，当前页面执行完毕之后，需要执行的代码
            let setting = {
                data : "username=zhangwuji" ,
                dataType:"json" ,
                error : function( x , msg ){
                    // 表示出错之后，应该做什么事情
                    console.log( x  ) ;
                    console.log( msg ) ;
                } ,
                success : function( data ){
                    // 表示成功之后，应该做的事情
                    console.log( data  ) ;
                    $("#info").text( data.message ) ;
                } ,
                type:"post" ,
                url:"${pageContext.request.contextPath}/jQueryAjax" ,

            } ;
            $.ajax( setting ) ;
        }) ;
    </script>

</body>
</html>
